<template>
    <div class="fx">
        <!-- -->
        <div id="top1">
            <mt-button id="btn1" @click="back">x</mt-button>
            <img class="img1" src="../img/f1.png" alt="" @click="share">
        </div>
        <h2 class="h2">咖啡教程 | 咖啡萃取知识 制作浓郁咖啡的6个小技巧 </h2>
        <div class=" content ">无论使用的是哪种萃取方法，咖啡都需要被溶解。水是自然界最好的溶剂之一，对于亲水性物质的溶解性极强。
            为了更好萃取咖啡豆内部的分子，我们需要给咖啡创造更大的、与水接触的面积。这便是我们把咖啡研磨成粉的主要原因。那么下一个问题来了：咖啡粉的用量究竟多少合适呢？
        </div>
        <img src="../img/f2.png" alt="   " class="img3">
        <div class=" content">
            如果我们用的阿拉比卡而非罗布斯塔，我们需要的粉量会更多。
            阿拉比卡生长在高海拔地区，质地更密实，可溶解度比罗布斯塔咖啡更低。
            阿拉比卡需要的萃取温度也相对更高，通常在88-94℃之间，这也是大部分咖啡机所使用的标准水温。
            设定理想的水粉比例和温度后，我们便可以调试下一个变量：时间。
            如果我们的配方所做出的咖啡味道平淡或偏酸，说明咖啡的萃取不够充分；如果太苦或太涩，说明萃取过度。
        </div>
        <img src="../img/f3.png" alt="   " class="img3">
        <div class="content ">
            我们可以使用一种叫作“屈光折射仪”的设备来测量出咖啡中的可溶物质总量。滴滤咖啡理想的萃取度在18-22%，意式浓缩咖啡则为18-21%。低于18%，咖啡则萃取不充分；高于22%，咖啡则过度萃取。
            屈光折射仪是很好的测量工具，但我们不能仅凭数字说话，最终把关的还是我们的味觉。有时萃取度的比例不在这个范围之内，但咖啡的味道依旧很好，我们不能以数字一概而论。
        </div>
        <img src="../img/f4.png" alt="   " class="img2">
        <div class=" content content_last">
            关于出杯量
            出杯量即咖啡杯中液体的总重量。出杯量是咖啡师提升咖啡品质、提高服务水平的关键。关于出杯量，我们不仅要关注萃取时间，因为时间的长短取决于我们的配方。
            简单来讲，出杯量的多少即杯中液体的多少。出杯量高，说明口感更重，味道更单一，口味更苦；出杯量少，说明风味更足，但酸味更浓。掌握这条原则，有助于我们掌握咖啡口味的平衡。
        </div>
        <div class="pre">
            <h4 class="h4">往期文章推荐</h4>
            <div class="flex">
                <div class="left">
                    <div><img src="../img/f5.png" alt=""></div>
                    <p>咖啡与什么小食搭配最佳？</p>
                </div>
                <div class="right">
                    <div><img src="../img/f6.png" alt=""></div>
                    <p>咖啡拉花的入门必练小白 &nbsp;&nbsp;&nbsp;步骤详细+疑难解答帮你纠正错误手法</p>
                </div>
            </div>
        </div>
          <div style="width:300px"></div>
    </div>
  
</template>

<script>
    export default {
        name: 'fxwz',
     methods:{
            back(){
               // this.$router.push('/three/fxjx');
               this.$router.go(-1);
            },
            share(){
               this.$router.push('/three/share');
            
            },
        }
    }
   
</script>

<style scoped="scoped" lang="less">
    .fx{
        width: 100%
    }
    #top1 {
        margin: 8px;
        display: flex;
        justify-content: space-between;
    }

    #btn1,
    .img {
        width: 16px;
        height: 16px;
    }

    .h2 {
        left: 14px;
        top: 60px;
        width: 100%;
        height: 55px;
        color: rgba(16, 16, 16, 100);
        font-size: 18px;
        text-align: left;
        font-family: PingFangSC-regular;
    }

    .content {

        left: 12px;
        margin: 16px 11px;
        color: rgba(16, 16, 16, 100);
        font-size: 10px;
        text-align: left;
        font-family: PingFangSC-regular;
    }

    .content_last {
        martin-bottom: 70px;
    }
    .flex{
        display: flex;
        justify-content: space-between;
        // margin: 13px;
    }
    .flex .left div,.flex .right div{
        width: 46%;height: auto;
    }
    .h4{
        left: 10px;
       margin-top: 10px;
    }
	.pre{
		width: 100%;
	}
</style>
